<p>Editor 1</p>
<textarea cols="80" id="editor1" name="editor1" rows="10">
	<p>
		<span style="color:#dddddd"><span style="background-color:#000000">Lorem</span></span>
		<span style="color:#ffffff"><span style="background-color:#999999">ipsum</span></span>
		<span style="color:#999999"><span style="background-color:#ffffff">dolor</span></span>
		<span style="color:#000000"><span style="background-color:#dddddd">sit.</span></span>
	</p>
</textarea>

<p>Editor 2</p>
<textarea cols="80" id="editor2" name="editor2" rows="10">
	<p>
		<span style="color:#dDdDdd"><span style="background-color:#000">Lorem</span></span>
		<span style="color:#ffFFff"><span style="background-color:#999999">ipsum</span></span>
		<span style="color:#999"><span style="background-color:#FFFFFF">dolor</span></span>
		<span style="color:#000000"><span style="background-color:#ddd">sit.</span></span>
	</p>
</textarea>

<script>
	CKEDITOR.addCss( 'p { font-size: 24px; }' );
	CKEDITOR.replace( 'editor1' );

	CKEDITOR.replace( 'editor2', { allowedContent: true }  );
</script>
